<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="../stylesheets/css/myCssReset.css">
	<title>Document</title>
	<style>
		footer {
			margin-top: 50px;
			width: 100%;
		}
		footer div {
			margin: 0 auto;
			width: 1000px;
			height: 33px;
			/* background-color: red; */
			border-top: 1px dotted grey;
			border-bottom: 1px dotted grey;
			color: #999999;
			font-size: 13px;
			line-height: 33px;
		}
		footer div .copyright {
			width: 480px;
			float: left;
		}
		footer div ul {
			width: 430px;
			overflow: hidden;
			float: right;
		}
		footer div ul li {
			float: right;
			margin: 0 2px;
		}
		
		footer div ul li a:hover{
			background-color: #3377AA;
			color: #fff;
		}
	</style>
</head>
<body>
	<footer>
		<div>
			<p class="copyright">© 2005－2021 douban.com, all rights reserved 北京豆网科技有限公司</p>
			<ul>
				<li><a href="">关于花生</a></li>
				<li><a href="">在花生工作</a></li>
				<li><a href="">联系我们</a></li>
				<li><a href="">法律声明</a></li>
				<li><a href="">帮助中心</a></li>
				<li><a href="">移动应用</a></li>
				<li><a href="">花生广告</a></li>
			</ul>
		</div>
	</footer>
	
</body>
</html>